
import React, { useEffect, useState } from 'react'
import styles from '../css分支/My_xinxi.module.css'
import { Arrow, ChatO, Circle, SettingO, ArrowLeft } from '@react-vant/icons';
import { Grid, Image } from 'react-vant'
import { useNavigate } from 'react-router-dom';
import axios from 'axios';
export default function My_xinxi() {
    const navigate = useNavigate()
    const [list, setlist] = useState({})
    const getList = async () => {
        let res = await axios.get('http://localhost:3000/xzx/business_user')
        setlist(res.data.data)
    }
    useEffect(() => {
        getList()
    }, [])
    return (
        <div className={styles.main}>
            <div className={styles.head}>
                <ArrowLeft style={{ marginLeft: '0.1rem' }} onClick={() => { navigate(-1) }} />
                <p style={{ fontSize: '0.22rem' }}>店铺信息</p>
                <p style={{ marginRight: '0.1rem' }}></p>
            </div>
            <p style={{ marginLeft: '0.18rem', marginTop: '0.1rem' }}>账号信息</p>
            {/* <div className={styles.center}>
                <div style={{ marginLeft: '0.18rem' }}>
                    <p style={{ fontSize: '0.2rem' }}>店铺Logo</p>
                </div>
                <div style={{ marginRight: '0.18rem', display: 'flex', alignItems: 'center' }}>
                    <img src="/imgs/touxiang.png" alt="" style={{ width: '0.8rem', height: '0.8rem', borderRadius: '50%' }} />
                    <Arrow />
                </div>
            </div> */}
            <div className={styles.body}>
                <div className={styles.body_fen}>
                    <div >
                        <p style={{ fontSize: '0.2rem' }}>店铺Logo</p>
                    </div>
                    <div style={{ display: 'flex', alignItems: 'center' }}>
                        <img src="/imgs/touxiang.png" alt="" style={{ width: '0.8rem', height: '0.8rem', borderRadius: '50%' }} />
                        <Arrow />
                    </div>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>店铺名称</p>
                    <p style={{ fontSize: '0.14rem' }}>{list.user}</p>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>登录账号</p>
                    <p>{list.phone}</p>
                </div>
            </div>
            <p style={{ marginLeft: '0.18rem', marginTop: '0.1rem' }}>联系方式</p>
            <div className={styles.body2}>
                <div className={styles.body_fen}>
                    <div>
                        <p style={{ marginRight: '1rem' }}>负责人</p>
                        <p style={{ fontSize: '0.12rem' }}></p>
                    </div>

                    <p>店长</p>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>联系方式</p>
                    <p>+8615630971392</p>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>接单电话</p>
                    <p>+8615630971392</p>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>店铺地址</p>
                    <p>{list.address}</p>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>使用期限</p>
                    <p>2024-2-18至2099-5-1</p>
                </div>
            </div>
            <p style={{ marginLeft: '0.18rem', marginTop: '0.1rem' }}>商家信息</p>
            <div className={styles.body3}>
                <div className={styles.body_fen}>
                    <div >
                        <p style={{ fontSize: '0.2rem' }}>店铺类型</p>
                    </div>
                    <div style={{ display: 'flex', alignItems: 'center' }}>
                        餐饮店铺
                    </div>
                </div>
                <div className={styles.body_fen}>
                    <p style={{ marginRight: '1rem' }}>主营/辅营</p>
                    <p style={{ fontSize: '0.14rem' }}>肠粉/其他饮品</p>
                </div>
            </div>
        </div>
    )
}
